@import url("../tool/varibles.css");
/* lg */
@media (min-width: 1200px) {
    #introduce .enterprise{
        padding:120px;
    }
    #introduce .enterprise h1{
        padding:0 15%;
    }
    #introduce .enterprise p{
        font-size: 24px;
    }

}
/* md */
@media (min-width: 992px) and (max-width: 1199px){
    #introduce .enterprise{
        padding:100px;
    }
    #introduce .enterprise h1{
        font-size: 42px;
        padding:0 10%;
    }
    #introduce .enterprise p{
        font-size: 22px;
    }

    .banner-swiper .swiper-cont > .text-cont {
        width: 50%;
    }
    .banner-swiper .swiper-slide:nth-child(3) .swiper-cont > .text-cont {
        width: 65%;
    }

    .join img {
        width: 60%;
    }
}
/* sm */
@media (min-width: 768px) and (max-width: 991px){
    .banner-swiper-container .swiper-pagination-customs{
        width: 150px;
        font-size: 16px;
        height: 44px;
        line-height: 44px;
    }

    #introduce .enterprise{
        padding:50px;
    }
    #introduce .enterprise h1{
         font-size: 34px;
         padding:0 10%;
     }
    #introduce .enterprise p{
        font-size: 20px;
        margin-top: 40px;
    }
    #introduce .enterprise .imgWarp{
        margin-top: 25px;
    }
    .enterprise .imgWarp .imgBox{
        padding:40px;
    }
    .recruit-link .tips{
        margin:30px 0 50px;
    }
    .recruit-link .tips p{
        padding:0 50px;
    }
    .banner-swiper .swiper-cont > .text-cont {
        width: 55%;
    }
    .banner-swiper .swiper-slide:nth-child(3) .swiper-cont > .text-cont {
        width: 70%;
    }

    .tab-item-cont h1{
        padding: 75px 0px 50px;
    }

    .join img {
        width: 70%;
    }

}
/* xs */
@media (max-width: 767px){
    .banner-swiper-container .swiper-pagination-customs{
        width: 80px;
        font-size: 12px;
        height: 34px;
        line-height: 34px;
    }
    #introduce .enterprise{
        padding:30px;
    }
    #introduce .enterprise h1{
        font-size: 26px;
    }
    #introduce .enterprise p{
        font-size: 12px;
        margin-top: 20px;
    }
    #introduce .enterprise .imgWarp{
        margin-top: 20px;
    }
    .enterprise .imgWarp .imgBox{
        padding:10px;
    }
    #recruit .recruit-link .link p{
        font-size: 14px;
    }
    .recruit-link .tips{
        margin:20px 0 40px;
    }
    .recruit-link .tips p{
        padding:0 30px;
    }

    .banner-swiper .swiper-cont > .text-cont {
        width: 70%;
        font-size: 40px;
    }
    .banner-swiper .swiper-slide:nth-child(3) .swiper-cont > .text-cont {
        width: 80%;
        font-size: 40px;
    }

    .tab-item-cont h1{
        padding: 50px 0px;
        font-size: 30px;
    }

    .environment .content {
        padding:0;
    }
    .join {
        margin-top: 50px;
    }
    .join img {
        width: 80%;
    }
    #staff {
        padding: 0 10%;
    }

    .staff-foot-item .mask .text-box {
        font-size: 14px;
    }

    .staff-swiper-container .swiper-pagination-bullet {
        height: 2px;
    }
}

/* XS Portrait */
@media (max-width: 479px) {
    .banner-swiper-container .swiper-pagination-customs{
        width: 25%;
        font-size: 12px;
        height: 34px;
        line-height: 34px;
    }
    .banner-swiper .swiper-cont > .text-cont {
        width: 85%;
        font-size: 32px;
    }
    .banner-swiper .swiper-slide:nth-child(3) .swiper-cont > .text-cont {
        width: 92%;
        font-size: 30px;
    }
    .join img {
        width: 90%;
    }
    .join .btn-cont {
        bottom: 5%;
    }

    #staff {
        padding: 0;
    }

    .staff-foot-item .mask .text-box {
        font-size: 12px;
    }

    .recruit-link .link a {
        font-size: 12px;
    }

    #recruit .recruit-msg .text-msg {
        font-size: 16px;
    }
}

/*  ip5 ip4 */
@media (max-width: 350px) {
    .banner-swiper .swiper-cont > .text-cont {
        width: 90%;
        font-size: 28px;
    }

    .banner-swiper .swiper-slide:nth-child(3) .swiper-cont > .text-cont {
        width: 92%;
        font-size: 25px;
    }

    #contact .contact-item p {
        font-size: 12px;
    }
}
